@charset "UTF-8";
/* author:hebo hb0117@163.com 20170306 */

/* 蓝色
.loginWarp{background:url("../images/login3_line.jpg") center left repeat-x;}
.loginWarpBg{
    height:100%;
    width:100%;
    background:url("../images/loginBg.jpg") center center no-repeat;
}
*/

/* 橙色*/
.loginWarp{background:url("../images/login3_line_1.jpg") center left repeat-x;}
.loginWarpBg{
    height:100%;
    width:100%;
    background:url("../images/loginBg_1.jpg") center center no-repeat;
}


.contentWarp{padding-top: 20px;}
a.login_logo{
    display:block;
    width:299px;
    height:134px;
    background:url("../images/logo.png") left top no-repeat;
    margin:0 auto;
}
.loginBoxWarp{
    width:460px;
    height:auto;
    background: #ffffff;
    border:1px solid #eae9e9;
    margin:160px auto 0 auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.loginBoxWarp:after{
    *zoom: 1;
    display: block;
    height: 0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}
.loginBoxWarp .loginTitle{
    color:#3b3f49;
    border-bottom:1px solid #eae9e9;
    background:#f8f8f8;
    text-align: center;
    width:100%;
    height:52px;
    line-height: 52px;
    font-size: 20px;
}
.loginBox_content{
    padding:20px;
}
.loginBox_content .inputBorder{
    border:1px solid #f2f2f2;
    background:#f8f8f8;
    color:#bab4b4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height:44px;
    position: relative;
}
.loginBox_content .inputBorder i{
    display: block;
    width:31px;height:31px;
    margin:6px 6px 6px 10px;
    float:left;
}
.loginBox_content .inputBorder input{
    float:right;
    height:42px;
    line-height: 42px;
    width:366px;
    background: transparent;
    border:0;
    color:#bab4b4;
    padding:0 5px;
    font-size: 16px;
    margin-top:-1px;
}
.loginBox_content .inputBorder:after{
    *zoom: 1;
    display: block;
    height: 0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}
.btnWarp{}
.btnWarp:after{
    *zoom: 1;
    display: block;
    height: 0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}
.btn{
    display: block;
    border:1px solid #f2f2f2;
    background:#454545;
    color:#ffffff;
    height:44px;
    line-height: 44px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    padding:0;
}
.btn:hover{color:#ffffff;}
.widthOne{width:100%;}
.widthTwo{width:200px;}
i.iconA{background:url("../images/icon3.png") top left no-repeat;}
i.iconB{background:url("../images/icon2.png") top left no-repeat;}
i.iconC{background:url("../images/icon1.png") top left no-repeat;}

small.help-block{line-height: 30px; font-size: 12px; text-align: center;background: #ffdedf;color:#bb1e1f;}

